/* */
body { background:url(../_imgs/bg-azul.jpg) -208px top repeat-y #fff; }

#Login { display: none;}
#Menu-principal { position: relative; top: -140px; display: block; /*border: solid 2px yellow;*/}
#Site { width:100%; background:url(../_imgs/bg-azul.jpg) -208px top repeat-y ; /*border: solid 2px blue;*/}
#Side-a {width:300px; background:url(../_imgs/bg-marca.jpg) top right no-repeat; float:left; position:fixed; /*border: solid 2px red;*/ }
#Side-a-a {width:300px; top: 250px; background:url(../_imgs/bg-azul.jpg) top right repeat-y; position: fixed; /*border: solid 2px green;*/ }

h1 { margin:20px 0 20px 15px; /*border: solid 2px yellow;*/}
h2 { position: relative; top: -150px; margin:20px 0 40px 70px; /*border: solid 2px yellow;*/}

span#Marcador-top { width:230px; height:2px; display:block; background:url(../_imgs/marcador-top.jpg) top center no-repeat; margin:0 0 150px 20px; /*border: solid 2px gray;*/}
span#Marcador-bottom { position: relative; top: -150px; width:230px; height:2px; display:block; background:url(../_imgs/marcador-bottom.jpg) top center no-repeat; margin:15px 0 20px 20px;}

#Side-b { width:100%; float:left; z-index:-99999; }
#Side-b h3 { font-size:16px; color:#395B86; border-bottom:1px dotted #999; padding-left:8px}

.x1{ padding-bottom:15px;}

#Dados-logados { width:200px; float:left; margin:12px 0 0 50px;}
#Dados-logados li{ padding-bottom:3px; color:#666;}

#Expandir { width:49px; height:49px; _width:31px; _height:31px; display:block; position:absolute; top:5px;  left:275px; _top:10px; _left:285px; text-indent:-99999px; background:url(../_imgs/seta-abre.png) no-repeat center center transparent; _background:url(../_imgs/seta-abre.jpg) no-repeat center center transparent; cursor:pointer;}

#Top-sistema { width:100%; height:85px; background:url(../_imgs/fundo-gearman-cinza.jpg) top center repeat-x;}
#Gearman-cinza { width:281px; height:81px; z-index:-99998; background:url(../_imgs/marca-gearman-cinza.jpg) top left; display:block; float:left; text-indent:-99999px;}
#Negrito { font-weight:bold;}

#logout {width:110px; float:right; margin:20px 0; }
#logout a{ padding:0 5px 0 25px; background:url(../_imgs/icon-desconectar.jpg) 2px -1px no-repeat; height:14px; font-weight:bold; color:#666;}
#logout a:hover{ background:url(../_imgs/icon-desconectar.jpg) 2px -20px no-repeat; color:#DD6824;}

#Menu-principal { margin: 0 0 0 35px;/* border: solid 1px yellow; */}
#Menu-principal li {padding-bottom:5px;}
#Menu-principal .pai-menu {color:#AEBCCC; font-size:15px;}
#Menu-principal a { width: 90%; display:block; color:#fff; padding-left:20px; font-size:13px; background:url(../_imgs/icon-menu.gif) 7px bottom no-repeat;}
#Menu-principal a:hover { color:#DBE0E8; background:url(../_imgs/icon-menu.gif) 7px top no-repeat;}
#Menu-principal .sub-menu {padding-top:5px;}

#Sistema { margin-left:350px; float:left;}
.obrigatorio { color:#F90;}

#Pesquisa { width:300px; float:left;}
#Grafico {}
#Resultado {}
#Tabela { width: 98%; clear: both; }
#Space { width: 320px;}

#Cupom {width:201px; float:left;display: block; position:absolute; top: 80px; left: 100%;margin:0px auto auto -230px;/* border: solid 2px red;*/}
#Cupom-top {width:201px; float:left; position:relative; background:url(../_imgs/cupom-top.png) top center no-repeat; height: 9px;}
#Cupom-close {width:16px; margin:0px 0px 0px 0px; cursor: pointer; float:left;left: 176px;top: 0px; position:relative;background-color:transparent;background:url(../_imgs/close.png) center center no-repeat; height: 16px;}
#Cupom-center {width:201px; float:left; position:relative; background:url(../_imgs/cupom-center.png) top center repeat-y; font-family: sans-serif 10pt;}
#Cupom-data {width:201px; float:left; position:relative; background:transparent; margin-left: 10px; }
#Cupom-buttom {width:201px; float:left; position:relative; background:url(../_imgs/cupom-buttom.png) top center no-repeat; height: 9px;}


/**/


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Dados-logados li{padding:2px 0 5px;}
	#Desconectar { margin:22px 0; }
	#Desconectar a{ background:url(../_imgs/icon-desconectar.jpg) 2px -1px no-repeat; }
	#Desconectar a:hover{ background:url(../_imgs/icon-desconectar.jpg) 2px -20px no-repeat;}
	#Menu-principal li {padding-bottom:8px;}
	#Menu-principal a:hover { color:#DBE0E8; background:url(../_imgs/icon-menu.gif) 7px -3px no-repeat;}
} 

/***/
.fecha-body{ background:url(../_imgs/bg-azul.jpg) -458px top repeat-y #fff !important;}
.fecha-site { width:100%; background:url(../_imgs/bg-azul.jpg) -458px top repeat-y !important; }
.fecha-menu { left:-250px; _margin-left:-250px; _margin-right:250px; }
.btn-fecha { width:49px; height:49px; _width:31px; _height:31px; display:block; position:absolute; top:5px; left:275px; _top:10px; _left:285px; text-indent:-99999px; cursor:pointer; background:url(../_imgs/seta-fecha.png) no-repeat center center transparent !important; _background:url(../_imgs/seta-fecha.jpg) no-repeat center center transparent !important; _margin-left:-250px; }
.fecha-space { width: 70px !important;}
